<!--
 * @Descripttion:
 * @Author: Silence
 * @Date: 2023-06-05 20:50:52
 * @LastEditors: Silence
 * @LastEditTime: 2023-06-05 21:31:44
-->
<template>
  <div class="item">
    <slot></slot>
  </div>
</template>
<script>
export default {

  name: '',
  data () {
    return {
    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='scss'  scoped>
.item {
  display: inline-block;
  width: 100vw;
  height: 400px;
  text-align: center;
  line-height: 400px;
}
.item:nth-child(1) {
  background-color: red;
}
.item:nth-child(2) {
  background-color: yellow;
}
.item:nth-child(3) {
  background-color: green;
}
.item:nth-child(4) {
  background-color: blue;
}
</style>
